<template>
    <div>
        <div class="mui-card theMusicForm">
        <div class="mui-card-header">
          <span>音乐榜单</span>
          <span>
<!--             <router-link :to="{name:'toDisplayMore',params:{type:this.$route.params.type,title:this.title}}">更多</router-link>
 -->            <router-link to="/musicBillAll">更多</router-link>
          </span>
        </div>
        <div class="mui-card-content">
          <div class="mui-card-content-inner myMusicBill">
            <van-tabs v-model="active">
              <van-tab title="热歌榜">
              
                <bill-list type="1" title="热歌榜"></bill-list>
              </van-tab>

              <van-tab title="新歌榜">
              
                <bill-list type="2"  title="新歌榜"></bill-list>
              </van-tab>

              <van-tab title="KING榜">
        
                <bill-list type="24" title="King榜"></bill-list>
              </van-tab>
            </van-tabs>
          </div>
        </div>
      </div>

    </div>
</template>
<script>
import BillList from "../Test/BillList.vue"
export default {
    data(){
        return {
            active:0,
        }
    },
    props:{
        title:String,
        type:String,
        size:String
    },
    components:{
        BillList
    }
}
</script>
<style lang="" scoped>
.mui-card {
  margin: 0;
  box-shadow: none;
}
.mui-card-header span:nth-of-type(1) {
  font-size: 20px;
  font-weight: 700;
}
.mui-card-header span:nth-of-type(2) {
  font-size: 14px;
}
.van-grid-item span {
  font-size: 13px;
}
</style>